<template>
  <view :class="locale">
    <!--    顶部导航栏-->
    <nav-bar :pageTitle="lang.page_name"/>

    <view style="margin-top:20rpx; ">
      <view :class="['weui-cell','min_box-'+locale]">
        <view @click="priseGoPrintPage('print_photo','photo_type=1')" class="center print"
              style="padding:60rpx 20rpx;">
          <image src="/static/img/icon_paiz.png"></image>
          <view>{{ lang.print_pic }}</view>
        </view>
      </view>

      <!--      户口本和身份证-->
      <view class="weui-cell flex-row" :class="'min_box-'+locale">
        <view @click="priseGoPrintPage('print_id')" class="center flex-1 print">
          <image src="/static/img/sy_fy.png"></image>
          <view>{{ lang.print_id }}</view>
        </view>

        <view @click="priseGoPrintPage('print_registration')" class="center flex-1 print">
          <image src="/static/img/icon_fkb.jpg"></image>
          <view>{{ lang.print_registration }}</view>

        </view>
      </view>
      <view class="weui-cell flex-row" :class="'min_box-'+locale">
        <view @click="priseGoPrintPage('print_business_license')" class="center flex-1 print">
          <image src="/static/img/icon_yyzz.png"></image>
          <view>{{ lang.print_business_license }}</view>

        </view>

        <view @click="priseGoPrintPage('print_drive')" class="center flex-1 print">

          <image src="/static/img/icon_jszzz.png"/>
          <view>{{ lang.print_drive }}</view>

        </view>
      </view>

    </view>

  </view>
</template>

<script>
import navBar from "@/components/nav-bar/nav-bar.vue";

export default {
  components: {navBar},
  data() {
    return {}
  },
  computed: {
    lang() {
      return this.$t('document')
    }
  },
  onLaunch(options) {
    console.log(options)
  },
  methods: {
    priseGoPrintPage(pageName, data) {
      uni.navigateTo({
        url: `/pages/${pageName}/${pageName}?data=${JSON.stringify(data)}`
      });
    },
  },
}
</script>

<style lang="scss">
page {
  font-size: 28rpx;
}

.weui-cell {
  padding: 10rpx 0;
}

.weui-cell:before {
  border-top: 0px;
  border-color: #f2f2f2;
}

.print {
  gap: 16rpx;
  background: #ffffff;
  padding: 50rpx 20rpx;
  margin: 0px 20rpx;
  border-radius: 10rpx;;
}

.print image {
  width: 90rpx;
  height: 90rpx;
  margin-right: 20rpx;
}

.min_box-ug-CN {
  font-size: $ug-font-size;
}
</style>
